// 导入axios
import axios from 'axios'
// 导入vuex
import store from '@/store'
// 导入路由实例
import router from '@/router'
// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// request interceptor
service.interceptors.request.use(
  config => {
    // 添加统一token 请求头
    // 取出vuex的token
    const token = store.getters.token
    // 如果有token 它的请求头添加
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// response interceptor
// 问题发现后台无论密码正确与否 都会返回状态码200进入 response的第一个函数
// 所有逻辑页面 await 没法用try+catch捕获失败的错误
// 解决1 逻辑页面判断
// 解决2 响应拦截器统一处理
service.interceptors.response.use(

  response => {
    // 后台返回的真正数据
    const res = response.data
    // 解构后台数据
    const { success, message } = res
    if (success === true) {
      // 真正登录成功
      return res
    } else {
      // 登录失败把失败信息传回去
      return Promise.reject(message)
    }
  },
  error => {
    // console.dir(error)
    // token失效
    if (error.response.status === 401) {
      // 清除token
      store.commit('user/RESET_STATE')
      // 强制跳转登录页
      // console.log(router)
      // 跳转登录传参
      // encodeURIComponent 内部处理url特殊符号方法(对象)
      router.replace(`/login?theurl=${encodeURIComponent(router.currentRoute.fullPath)}`)
    }
    // 登录失败把失败信息传回去
    return Promise.reject(error)
  }
)

// 导出封装好的axios实列
export default service
